背景

颜色表示方式：

英语：  red  green
rgb ：  25,5,89   0-255
16进制颜色 ：  #45654
rgba： 244,244,244,0.5


背景图：用一张图片来当背景

1 盒子小，图片大，默认显示图片左上角,如果想看到图片其它位置
可以通过改变图片的横向或者纵向偏移量（雪碧图 背景定位 背景精灵）

2 盒子大  图片小  默认图片待在例子左上角。

平铺整个背景
no-repeat;
repeat;
repeat-x;
repeat-y;

拉伸到盒子大小

背景尺寸：：实现模糊效果

background-size: cover;
--------------------------------------------------
定位 

解决盒子盖住盒子

固定定位   固定在窗口某个位置

绝对定位  脱离文档，寻找参照物，从父级开始寻找

相对定位  相对于自己位置

z-index 层级  调节层级可以调整盒子盖住其它盒子

--------------------------------------------------
字体图标

把图标设计成为一套字体

在页面中引入这套字体

声明对应的标签使用某种字体

在标签中放图标编码

